<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单学习</title>
</head>
<body>

</body>
<style>
    
    .kehu {
        border-radius: 30px;
        background-color: rgb(255, 255, 255);
    }
    input {
        color: blue;
    }
    img {
        width: 30px;
        border-radius: 120px; /* 修复：移除多余的分号 */
    }

    .xuanzhuan {
        rotate: 30deg;
    }
    form{
        background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
    }
</style>
<style>
    .kehu {
        border-radius: 30px;
        background-color: rgb(255, 255, 255);
    }
    input {
        color: blue;
    }
    img {
        width: 30px;
        border-radius: 120px; /* 修复：移除多余的分号 */
    }

    .xuanzhuan {
        rotate:30deg;
    }
</style>

    <body style="font-size: 30px;">
        <form>
            <img class="xuanzhuan" scr="../../微信图片_20250307143957.jpg"  alt="这是一个图片" style="width:500px; border-radius: 500px;">
            <img class="xuanzhuan" src="../../微信图片_20250307143957.jpg"  alt="这是一个图片" style="width:500px; border-radius: 500px;">
            <img src="../../微信图片_20250307143957.jpg"  alt="这是一个图片" style="width:500px; border-radius: 500px;">
            <img src="../../微信图片_20250307143957.jpg"  alt="这是一个图片" style="width:500px; border-radius: 500px;">

    </body>

<body style="font-size: 30px;">
    <br>
    <br>
    <form action="" style="border: 1px red solid; padding: 50px; border-radius: 10px;">
        <legend style="text-align: center;">登录</legend>

        用户名：<input type="text" placeholder="请输入中文"><br>
        密码：<input type="password" placeholder="请输入密码"><br>

        爱好：
        <input type="checkbox" name="aihao" value="游泳">游泳
        <input type="checkbox" name="aihao" value="打游戏">打游戏
        <input type="checkbox" name="aihao" value="看电影">看电影
        <input type="checkbox" name="aihao" value="登山" id="">登山
        <input type="checkbox" name="aihao" value="赚钱" id="">赚钱
        <br>性别
        <input type="radio" name="sex" id="" value="男">男
        <input type="radio" name="sex" id="" checked value="女">女
        <input type="radio" name="sex" id="" value="未知">未知
        <br>生日：
        <input type="date" name="" id="">
        <input type="datetime-local" name="" id="">

        邮箱：<input type="email" name="" id="" placeholder="请用email格式">
        上传头像：<input type="file" name="" id="">
        存款：<input type="number" name="" id="" step="10" placeholder="请填写整数">
        <br>
        籍贯：
        <select name="" id="">
            <option value="北京">北京</option>
            <option value="四川">四川</option>
            <option value="河北">河北</option>
            <option value="台湾">台湾</option>
            <option value="河南">河南</option>
            <option value="山东">山东</option>
            <option value="国外">国外</option>
        </select>
        你喜欢的颜色：<input type="color" name="" id="">
        <br>
        个人简介：
        <textarea name="" id="" cols="50" rows="10" placeholder="请输入个人简介"></textarea>
        <br>
        <input type="button" value="登录" title="login">
        <input type="button" value="注册" title="给新用户注册的">
        <input type="button" value="重置"><br>
    </form>
</body>
</html>